<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>成绩小助手</title>
  <link rel="stylesheet" href="./css/booostrap.min.css">
</head>
<body>
  <!-- 导航栏 -->
  <nav class="navbar bg-body-tertiary">
    <div class="container-fluid">
      <a class="navbar-brand" href="#">
        2024-A 班成绩列表
      </a>
    </div>
  </nav>
  <div class="container-fluid">
    <!-- 查询条件-->
    <div class="card">
      <div class="card-body">
        <h4 class="card-title">设置查询条件</h4>
        <div class="row g-3">
          <div class="col">
            <select id="allConditions" class="form-select" onchange="allConditionsSelect()"></select>
          </div>
          <div class="col">
            <input type="text" id="admission-ticket" class="form-control" placeholder="准考证号入多个以,分割" />
          </div>
          <div class="col">
            <button type="button" class="btn btn-primary" onclick="searchData()">
              查询数据
            </button>
          </div>
        </div>
      </div>
    </div>
    <!-- table  -->
    <div class="mt-5">
      <div class="col-24">
        <div>
          <table class="table  table-borderless">
            <thead>
              <tr>
                <th>准考证号码</th>
                <th>电子商务</th>
                <th>网络安全技术</th>
                <th>软件设计模式</th>
                <th>形势与政策</th>
                <th>嵌入式软件设计</th>
                <th>数据结构</th>
              </tr>
            </thead>
            <tbody id="scoreList"></tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <script src="./js/queryScoreList.js"></script>
  <script src="./js/elementManager.js"></script>
</body>
</html>